// 函数式组件的时钟
import { useState } from 'react'

function TimerFC() {
    const [time, setTime] = useState('')
    // 格式化时间的工具函数
    const formatTime = (time) => {
        return time < 10 ? `0${time}` : time
    }

    setInterval(() => {
        const date = new Date();
        const hours = formatTime(date.getHours()); // 获取当前小时
        const minutes = formatTime(date.getMinutes()); // 获取当前分钟
        const seconds = formatTime(date.getSeconds()); // 获取当前秒数
        setTime(`${hours}:${minutes}:${seconds}`) // HH:MM:SS
    }, 1000)

    return <h1>{time}</h1>
}

export default TimerFC